<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台登录</title>
    <link rel="stylesheet" type="text/css" th:href="@{/assets/admin/style.css}">
    <script type="text/javascript" th:src="@{/assets/js/vendor/jquery-1.7.2.js}"></script>
    <script type="text/javascript">
    </script>
</head>

<body>
    <div class="container right-panel-active">
        <!-- 登录 -->
        <div class="container__form container--signin">
            <form th:action="@{/loginadmin}" class="form" id="form1" method="post">
                <h2 class="form__title">请登录进入后台🔒</h2>
                <label style="color: red" th:text="${error}"></label>
                <input type="text" placeholder="管理员账号" class="input" name="username" />
                <input type="password" placeholder="密码" class="input" name="password" />
                <button class="btn" type="submit">登录</button>
            </form>
        </div>
        <!-- 注册 -->
        <div class="container__form container--signup">
            <form th:action="@{/emailreq}" class="form" id="form2" method="post">
                <h2 class="form__title">获取账号✈</h2>
                <input type="text" placeholder="输入您想要的用户名" class="input" name="username" />
                <input type="email" placeholder="输入您的邮箱" class="input" name="email" />
                <input type="password" placeholder="输入您的密码" class="input" name="password" />
                <button class="btn" type="submit">点击提交</button>
            </form>
        </div>

        <!-- 叠加部分 -->
        <div class="container__overlay">
            <div class="overlay">
                <div class="overlay__panel overlay--left">
                    <button class="btn" id="signIn">已有账号，直接登录</button>
                </div>
                <div class="overlay__panel overlay--right">
                    <button class="btn" id="signUp">没有账号，点击获取</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script th:src="@{/assets/admin/script.js}"></script>
</html>